<html>
	<head>
		<meta name="layout" content="main"/>
		<link rel="stylesheet" href="${resource(dir: 'css', file: 'admin.css')}" type="text/css">
	</head>
	<body>
		<div class="page-info">
			<div class="title">Administration Options</div>
			The following options can be used to edit website content, minor layout changes, and file storage paths.
		</div>
		<div class="page-content">
			<div class="option-list">
				<ul>
					<li>
						<div class="admin-option" style="background: lightgrey;">
							<div class="admin-option-button">
								<g:link controller="admin" action="newProject"><div class="red-button">Add New Project</div></g:link>
							</div>
							<div class="admin-option-description">Projects are displayed within 'Project Group' categories inside the gallery. Each project has a name, description, series of pictures, and a select thumbnail to represent the project.</div>
						</div>
					</li>
					<li>
						<div class="admin-option" style="background: white;">
							<div class="admin-option-button">
								<g:link controller="admin" action="editProject"><div class="red-button">Edit Existing Project</div></g:link>
							</div>
							<div class="admin-option-description">Add or Remove pictures, modify the selected project group, change the name, or edit the description.</div>
						</div>
					</li>
					<li>
						<div class="admin-option" style="background: lightgrey;">
							<div class="admin-option-button">
								<g:link><div class="red-button">Edit Slideshow</div></g:link>
							</div>
							<div class="admin-option-description">Select or remove the images that are displayed in the home page slideshow.</div>
						</div>
					</li>
					<li>
						<div class="admin-option" style="background: white;">
							<div class="admin-option-button">
								<g:link><div class="red-button">Edit News</div></g:link>
							</div>
							<div class="admin-option-description">Add or remove news articles displayed on the home page.</div>
						</div>
					</li>
					<li>
						<div class="admin-option" style="background: lightgrey;">
							<div class="admin-option-button">
								<g:link><div class="red-button">Edit Properties</div></g:link>
							</div>
							<div class="admin-option-description">Edit the application properties file. Most of these properties should not be edited unless you are certain of their functionality.</div>
						</div>
					</li>
				</ul>
			</div>	
		</div>
	</body>
</html>